$(function(){

    var str = decodeURI(location.search)
    var id = str.split('=')[1].split('&')[0];
    
    var str1 = str.split('&')[1].split('=')[1]

    var arr1 = [];
    function render(){
        $.ajax({
            url:'http://127.0.0.1:9090/api/getcouponproduct',
            data:{couponid:id},
            dataType:'json',
            success:function(info){
                var arr = info.result
                // console.log(info);
                $('.list ul').html(template('tmp',info));
                $('.tit').text(str1);
                
                arr.forEach(function(v,i){
                    arr1.push(arr[i].couponProductImg);
                })
                // console.log(arr1);  
                $('.imgBox').html(template('img',{arr:arr1}));
            }
        })
    }
    render();

    var id;
    $('.list').on('click','li',function(){
        id = $(this).data('id');
        // console.log(id);
        $('.mask').show();
        $('.mask ul li').eq(id).show().siblings().hide();
    })
    // 点击隐藏
    $('.big').click(function(e){
        $(this).parent().hide();
    })
    // 左击
    $('.mask').on('click','.left',function(){
        id--;
        if(id<0){
            id = $('.mask ul li').length-1;
        }
        $('.mask ul li').eq(id).show().siblings().hide();
    })
    // 右击
    $('.mask').on('click','.right',function(){
        id++;
        if(id>$('.mask ul li').length-1){
            id = 0;
        }
        $('.mask ul li').eq(id).show().siblings().hide();
    })

    // 触摸滑动事件 
    var a ;
    $('.imgBox')[0].addEventListener('touchstart',function(e){
        // e.stopPropagation();
        a = e.touches[0].clientX;
        // console.log(a);
    })
    $('.imgBox')[0].addEventListener('touchend', function (e) {
        var currentX = e.changedTouches[0].clientX - a;
        var w = $(this).width();//宽度根据屏幕变化的
        // console.log(w);
        // console.log(currentX);
        if(currentX <= w/3) {
            id++;
            $('.mask ul li').eq(id).show().siblings().hide();
        } 
        if(currentX >=  w/3) {
            id--;
            $('.mask ul li').eq(id).show().siblings().hide();
        }
      }); 
})